<script type="text/javascript">
function doc_datagrid_demo_column() {
    return [{name:'name', width:'150', label:'姓名'}, {name:'firstname', width:'120', label:'拼音姓'}, {name:'lastname', label:'拼音名'}]
}
function doc_datagrid_demo_data() {
    return [{'name':'孙悟空','firstname':'Sun','lastname':'Wukong'},{'name':'罗宾汉','firstname':'Luo','lastname':'Binhan'},{'name':'美国队长','firstname':'Meiguo','lastname':'Duizhang'}]
}
</script>
<div class="bjui-pageContent">
    <div style="padding:20px;">
        <ul class="nav nav-tabs" role="tablist">
            <li class="active"><a href="#datagrid-demo3-demo" role="tab" data-toggle="tab">示例</a></li>
            <li><a href="#datagrid-demo3-source" role="tab" data-toggle="tab">源码</a></li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane fade active in" id="datagrid-demo3-demo">
                <table data-toggle="datagrid" data-options="{
                    columns:'doc_datagrid_demo_column',
                    data:'doc_datagrid_demo_data'
                }">
                </table>
            </div>
            <div class="tab-pane fade" id="datagrid-demo3-source">
                <pre class="brush: html">
                    &lt;table data-toggle="datagrid" data-options="{
                        columns:'doc_datagrid_demo_column',
                        data:'doc_datagrid_demo_data'
                    }">
                    &lt;/table>
                </pre>
            </div>
        </div>
    </div>
</div>
<div class="bjui-pageFooter">
    <ul>
        <li><button type="button" class="btn-close" data-icon="close">关闭</button></li>
    </ul>
</div>